.header {
    background-color: #ff841d;
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
}

//sitenav
.sitenav {
    background-color: #fff;
    overflow: hidden;
    padding: .4rem /* 20/50 */ .8rem /* 40/50 */;
    .sitenav-box {
        display: flex;
        float: left;
        padding: .2rem /* 10/50 */;
        background-color: #f4f4f4;
        border: 1px solid #bfbfbf;
        height: 1.72rem /* 86/50 */;        
        line-height: 1.28rem /* 64/50 */;
        margin-right: .2rem /* 10/50 */;
        margin-bottom: .2rem /* 10/50 */;
        img {
            display: block;
            width: .76rem /* 38/50 */;
            height: .76rem /* 38/50 */;
            margin-left: .2rem /* 10/50 */;
            margin-right: .4rem /* 20/50 */;
            background-color: pink;
            margin-top: .2rem /* 10/50 */ ;
        }
        p {
            
            font-size:.6rem /* 30/50 */;
            color: #000000;
            
        }
    }
}